<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Bootstrap Dashboard by Bootstrapious.com</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="all,follow">
  <!-- Google fonts - Roboto -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
  <!-- Choices CSS-->
  <link rel="stylesheet" href="../vendor/choices.js/public/assets/styles/choices.min.css">
  <!-- Custom Scrollbar-->
  <link rel="stylesheet" href="../vendor/overlayscrollbars/css/OverlayScrollbars.min.css">
  <!-- theme stylesheet-->
  <link rel="stylesheet" href="../css/style.default.css" id="theme-stylesheet">
  <!-- Custom stylesheet - for your changes-->
  <link rel="stylesheet" href="../css/custom.css">
  <!-- Favicon-->
  <link rel="shortcut icon" href="../img/favicon.ico">
  <!-- Tweaks for older IEs-->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>

<body>
  <!--    页内导航-->
  <div class="bg-gray-200 text-sm">
    <div class="container-fluid">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0 py-3">
          <li class="breadcrumb-item"><a class="fw-light" href="admin/index.html">Home</a></li>
          <li class="breadcrumb-item active fw-light" aria-current="page">修改图书</li>
        </ol>
      </nav>
    </div>
  </div>
  <!--页内导航 end-->
  <!-- 主体页面-->
  <div class="container-fluid">
    <div class="row mt-3">
      <div class="col">
        <div class="row justify-content-center">
          <div class="col-6">
            <div class="input-group">
              <select class="form-select" id="inputGroupSelect04">
                <option>图书名称</option>
                <option value="1">ISBN</option>
                <option value="2">出版社</option>
                <option value="3">作者</option>
                <option selected>近一周</option>
                <option selected>近一月</option>
              </select>
              <input type="text" class="form-control w-50">
              <button class="btn  btn-danger" style="width:120px" type="button">查询</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="container-fluid" id="book-list">

    </div>
    <!-- 一条查询消息
    <div class="row mb-0 mt-3" >
       
      <div class="col-auto text-center">
        <img src="../img/book/20004737-1_w.jpg" width="100px" height="100px" alt="...">
      </div>
      <div class="col-2">
        <p class="my-0" style="font-weight: bold">Java核心技术第十版第Ⅰ卷</p>
        <small class="text-muted">9876123412345</small> <br>
        <span >张三</span> <br>
        <span >清华大学出版社</span> <br>
        <span class="text-danger">￥39.0 <small class="text-muted">2021-12-22</small> </span>
      </div>
      <div class="col-7 px-0" style="text-align: justify">
        从初学者角度出发，通过通俗易懂的语言、丰富多彩的实例，详细介绍了使用Java语言进行程序开发需要掌握的知识。全书分为27章，包括初识Java，熟悉Eclipse开发工具，Java语言基础，流程控制，字符串，数组，类和对象，包装类，数字处理类，接口、继承与多态，类的高级特性，异常处理，Swing程序设计，集合类，I/O（输入/输出），反射，枚举类型与泛型，多线程，网络通信，数据库操作，Swing表格组件，Swing树组件，Swing其他高级组件，高级事件处理，AWT绘图，奔跑吧小恐龙和企业进销存管理系统等。
      </div>
      <div class="col-auto d-flex align-items-center justify-content-center">
        <button type="button" class="btn btn-outline-danger">修改</button>
        <button type="button" class="btn btn-outline-success">下架</button>
      </div>
    </div>
      一条查询消息 end-->




    <!-- 分页组件 -->
    <div class="row">
      <div class="col d-flex justify-content-center">
        <nav aria-label="Page navigation example">
          <ul class="pagination" id="pagination-li">
            <!-- <li class="page-item">
              <a class="page-link" href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <li class="page-item "><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item active"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">...</a></li>
            <li class="page-item"><a class="page-link" href="#">93</a></li>
            <li class="page-item"><a class="page-link" href="#">94</a></li>
            <li class="page-item"><a class="page-link" href="#">95</a></li>
            <li class="page-item">
              <a class="page-link" href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li> -->
          </ul>
        </nav>
      </div>
    </div>
    <!-- 分页组件 end -->
  </div>
  <!-- 主体页面 end-->


  <!-- JavaScript files-->
  <script src="../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="../vendor/just-validate/js/just-validate.min.js"></script>
  <script src="../vendor/overlayscrollbars/js/OverlayScrollbars.min.js"></script>
  <!-- Main File-->
  <script src="../js/front.js"></script>
  <script src="../../js/ajax.js"></script>
  <script src="../js/page.js"></script>
  <script>
    (function () {
    	//判断session中是否存在数据
    	let userMessage = sessionStorage.getItem("user"); 
    	if(userMessage==null){
    		location.href='../login.html';
    		return;
    	}
         loadData(1,6);  
    })();
     function changePage(pageIndex){
           loadData(pageIndex,5);
     }

     
      


  </script>

</body>

</html>